<template>
   
    <ul class="wioc-list-application-details" >
		 
        <li :key="key" class="detailsli" v-for = "(value,key) in datalist">
			<span>{{title[key]}}</span>
            <span>{{value}}</span>              
        </li>

    </ul>
	</template>

<script>
    export default {
        name:"wioc-list-application-details",
        components:{

        },
        data(){
            return{
			}
        },
        props:{
			datalist:Array,
			title:Array
        },
		methods:{
			select(item,index){
			    this.$emit('select',item)
			}
			
		}
    }

</script>

<style lang="less" scoped>
.wioc-list-application-details{
	display: flex;
	justify-content: flex-start;
	flex-wrap:wrap;
    .detailsli{
		display: flex;
		justify-content:space-between;
		padding: 0 5% 3% 7.5%;
		width: 100%;
		clear: both;
		line-height: 0.21rem;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		span:nth-child(1){
			font-family: PingFangSC-Regular;
          	font-size: 0.11rem;
		  	line-height: 0.16rem;
		  	color: #C0C4CC;
		}
		span:nth-child(2){
			font-family: PingFangSC-Regular;
         	font-size: 0.13rem;
		 	line-height: 0.18rem;
		 	color: #595959;
		}

	}
}

</style>
